---
layout: default
---
<article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">

	<header class="post-header">
		<link rel="stylesheet" href="/css/font_size.css" />
		<link rel="stylesheet" href="/css/style.css" />
		<link rel="stylesheet" href="/css/topics.css" />
		
		{% if page.keywords %}
			<meta name="keywords" content="{{ page.keywords | join: ', ' | escape }}">
		{% endif %}
		<p class="post-meta">
		<time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
			{%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
			{{ page.date | date: date_format }}
		</time>
			{%- if page.author -%}
			• by <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card" itemprop="name">{{ page.author }}</span></span>
	      {%- endif -%}</p>
	</header>

	<div class="post-content e-content" itemprop="articleBody">
		{{ content }}

		<!-- find out if there are posts and, if so, sort them into a collection -->		
		{%- if site.posts.size > 0 -%}
			{% assign myposts = site.posts | group_by: 'topic' | reverse %}

		<!-- topics menu goes here -->
		<div class="topics-menu">
			{%- for topic in myposts -%}
				{% capture topic_color %}
					topic-color_{{ topic.name }}
				{% endcapture %}

				<div class="{{ topic.name }}">
					<h7>{{ topic.name | capitalize }}</h7>
					<br>
					<a href="#{{ topic.name }}">
						<img src="/images/topics/{{ topic.name }}.png" alt="{{ topic.name | capitalize }}" 
							style="width:60px; height:60px; border:0;">
					</a>
				</div>
			{% endfor %}
		</div>
		<hr>
		<br>
		<br>
		<!-- posts sorted by topics go here -->
			{%- for topic in myposts -%}
				{% capture topic_color %}
					topic-color_{{ topic.name }}
				{% endcapture %}
	
				<div class="topic-div">
					<a id="{{topic.name}}">
					<span class="post-date"> {{ post.date | date: date_format }}
						<h1 class="{{topic_color }} post-list-item">
							{{ topic.name | capitalize }}
						</h1>
					</span>
					<span class="topic-span-icon">
						<img class="topic-icon" src="/images/topics/{{topic.name}}.png">
					</span>
				</div>
				
				{% assign topic_posts = topic.items | reverse %}
				
				{% for post in topic_posts %}
				<div class="topic-div">
					<span class="post-date"> {{ post.date | date: date_format }}
						<h3 class="{{ topic_color }} post-list-item"> <!-- this variable includes an opening h3 tag -->
							<a class="post-link" href="{{ post.url | relative_url }}"</a>
								{{ post.title | escape }}
							</a>
						</h3>
					</span>
				</div>
				{% endfor %}
				<br>
				<a href="#top">Return to Top of Page</a>
				<br>
				<br>
			{%- endfor -%}
		{% endif %}
		
		{%- include post-footer.html -%}
	</div>

	<a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
</article>
